<template>
  <view class="page">
    <!-- <SearchBar ref="searchBar" class="page-header" /> -->
    <view class="content">
      <uni-list>
        <uni-list-item
          v-for="(item,index) in list"
          :key="index"
          :title="item.name"
          showArrow
          clickable
          @click="linkTo(item)"
        >
        </uni-list-item>
      </uni-list>
    </view>
  </view>
</template>

<script>
import SearchBar from '@/components/searchBar';

export default {
  components: {
    SearchBar
  },
  data() {
    return {
      list: [
        { name: '物资', type: 'a1' },
        { name: '队伍', type: 'a2' },
        { name: '专家', type: 'a3' },
        { name: '机构', type: 'a4' },
        { name: '场所', type: 'a5' },
        { name: '运输力', type: 'a6' },
      ]
    }
  },
  methods: {
    linkTo(row) {
      this.$emit('classClick', row);
    }
  }
}
</script>

<style lang="scss" scoped>
.page {
  display: flex;
  flex-direction: column;
  height: 100%;
  .content {
    flex: 1;
    overflow-y: auto;
  }
}
</style>